<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>公告查询</title>
  <link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../../../template/website/css/app.css"/>
  <style type="text/css">
  .border-radius {
    border-radius: 5px;
 }
 .item-background{
    background: #f3f2f1;
 }
</style>
</head>
<body>
  <div id="search">
    <form class="am-form" id="list-form" action="${base}/broadbandreport/list" method="post">
      <table border="0">
        <tbody>
          <tr >
            <td colspan="3">
              <div align='center' class="am-padding">
                <select data-am-selected="{btnWidth: '100%', btnSize: 'xl'}" id="type">
                  <optgroup label="查询类型">
                    <option value="0">全部</option>
                    <option value="1">标题</option>
                    <option value="2">内容</option>
                    <option value="3">创建人</option>
                  </optgroup>
                </select>
              </div>
            </td>

          </tr>
          <tr>
            <td colspan="3">
              <div align='center' class="am-padding">
                <input type="text" class="am-form-field am-input-xl" placeholder="关键字" id="key" value="" />
              </div>
            </td>
          </tr>
          <tr>
            <td>
              <div align='center' class="am-padding">
                <div class="am-form-group am-form-icon"> <i class="am-icon-calendar"></i>
                  <input type="text" class="am-form-field am-input-xl" placeholder="开始时间" data-am-datepicker id="start" value="" readonly></div>
              </div>
            </td>
            <td>-</td>
            <td>
              <div align='center' class="am-padding">
                <div class="am-form-group am-form-icon"> <i class="am-icon-calendar"></i>
                  <input type="text" class="am-form-field am-input-xl" placeholder="结束时间" data-am-datepicker id="end" value="" readonly ></div>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="3">
              <div class="am-padding" align='center'>
                <button type="button" class="am-btn am-btn-default am-btn-xl am-text-secondary" id="submit-btn" style="width:40%;">搜索</button>
                <button type="button" class="am-btn am-btn-default am-btn-xl am-text-secondary" id="cancel-btn" onclick="javascript:history.go(-1);" style="width:40%;">取消</button>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </form>
  </div>
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/bulletin_params.js"></script>
  <link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
  <!--   <link rel="stylesheet" href="../../../template/assets/css/site.css">
  -->
  <!--<script type="text/javascript" src="../../template/website/js/goventerprise/index.js"></script>
-->
<script type="text/javascript">
    $(function(){
       $("#submit-btn").on("click",function(){
        var params = "";
        var type = $("#type").val();
        var key = $("#key").val();
        if(key){
          key = encodeURIComponent(key);
          params = "&conType="+type+"&conText="+key;
        }
        var start = $("#start").val();
        if(start){
          params += "&startDate="+start;
        }
        var end = $("#end").val();
        if(end){
          params += "&endDate="+end;
        }
        console.log("params="+params);
        window.location.href = "bulletin_search_list.html" + "?" + getParams()+params;
      });
    });

    //返回页面分享的参数,当当前页面有canAppShare=1参数时需要添加此函数resShareParm(函数名不能改，客户端已经只调用这个函数)
    function resShareParm() {
        var regText1 = "saleType=1";
        var regText2 = "saleType=3";
        var regS1 = new RegExp(regText1, "gi");
        var regS2 = new RegExp(regText2, "gi");
        var urlpath = window.location.href.replace(regS1, "saleType=2").replace(regS2, "saleType=4");//修改平台类型(原生分享出去统一改为分享平台)：1（直销通代客下单）改为 2（直销通分享页面购买） 3（微店原生购买）改为 4（微店分享购买）
        var imgpath = 'http://'+window.location.host+'/upload/file/default_head_img.png';
        var title = "用移动手机宽带免费送";
        var description = "超人气预约套餐等你来约";
        var data = "url=" + urlpath + "&&img=" + imgpath + "&&title=" + title + "&&description=" + description + "";
        return data;
    }
  </script>
</body>
</html>